@extends('_layouts.default')

@section('css')
    {{HTML::style('user/css/base.css')}}
@stop

@section('main')
<div class="am-g am-g-fixed">
    <ol class="am-breadcrumb my-border">
      <li><a href="#" class="am-icon-home">首页</a></li>
      <li><a href="#">分类</a></li>
      <li class="am-active">内容</li>
    </ol>
</div>
<div class="am-g am-g-fixed">
  <div class="am-u-md-9 my-padding-left-0">
    <!-- 热点新闻 -->
    <div class="am-tabs" data-am-tabs>
      <ul class="am-tabs-nav am-nav am-nav-tabs">
        <li class="am-active"><a href="javascript: void(0)">最新热点</a></li>
        <li><a href="javascript: void(0)">本周热点</a></li>
        <li><a href="javascript: void(0)">本月热点</a></li>
      </ul>

      <div class="am-tabs-bd">
        <div class="am-tab-panel am-active">
          <ul class="am-list">
          @foreach ($new_hot_news as $n_h_n)
            <li><a href="{{URL::to('news/'.$n_h_n->id)}}"><i class="am-icon-home am-icon-fw"></i>
              {{$n_h_n->title}}</a></li>
          @endforeach
          </ul>
        </div>
        <div class="am-tab-panel">
          <ul class="am-list">
          @foreach ($new_hot_news as $n_h_n)
            <li><a href="{{URL::to('news/'.$n_h_n->id)}}"><i class="am-icon-home am-icon-fw"></i>
              {{$n_h_n->title}}</a></li>
          @endforeach
          </ul>
        </div>
        <div class="am-tab-panel">
          <ul class="am-list">
          @foreach ($new_hot_news as $n_h_n)
            <li><a href="{{URL::to('news/'.$n_h_n->id)}}"><i class="am-icon-home am-icon-fw"></i>
              {{$n_h_n->title}}</a></li>
          @endforeach
          </ul>
        </div>
      </div>
    </div>
    <!-- 新闻列表 -->
    <div class="am-panel am-panel-default am-margin-top-lg">
      <div data-am-widget="titlebar" class="am-titlebar am-titlebar-multi my-margin-top-0">
        <h2 class="am-titlebar-title "><a href="">资讯列表</a></h2>
        <nav class="am-titlebar-nav">
          <a href="#more-1" class="">全部资讯</a>
          <a href="#more-1" class="">综合资讯</a>
          <a href="#more-2" class="">软件更新资讯</a>
        </nav>
      </div>
      <div data-am-widget="list_news" class="am-list-news am-list-news-default">
        <div class="am-list-news-bd">
          <ul class="am-list">
            <!--缩略图在标题下方居右-->
            @foreach($all_news as $all)
            <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-bottom-right">
              <h3 class="am-list-item-hd">
                <a href="http://www.douban.com/online/11614662/" class="">{{$all->title}}</a>
              </h3>
              <div class=" am-u-sm-8 am-list-main">
                <div class="am-list-item-text">{{$all->content}}</div>
              </div>
              <div class="am-list-thumb am-u-sm-4">
                <a href="http://www.douban.com/online/11614662/" class="">
                  <img src="http://img5.douban.com/lpic/o636459.jpg" alt="我很囧，你保重....晒晒旅行中的那些囧！"
                  />
                </a>
              </div>
            </li>
            @endforeach
          </ul>
          {{$all_news->links()}}
        </div>
      </div>
    </div>
  </div>

  <div class="am-u-md-3 my-padding-left-0 my-padding-right-0">
    <!--搜索框-->
    <form class="am-form am-margin-bottom-lg">
      <div class="am-input-group">
        <input type="text" class="am-form-field" placeholdex="资讯、软件、分享、代码、博客">
        <span class="am-input-group-btn">
          <button class="am-btn am-btn-default am-icon-search" type="button"></button>
        </span>
      </div>
    </form>
    <!-- 最热软件 -->
    <div class="am-panel am-panel-default">
      <div class="am-panel-hd">最热软件</div>
      <div class="am-panel-bd">
        <ul data-am-widget="gallery" class="am-gallery am-avg-sm-2
  am-avg-md-2 am-avg-lg-2 am-gallery-default" data-am-gallery="{ pureview: true }">
  <li>
    <div class="am-gallery-item">
      <a href="http://s.cn.bing.net/az/hprichbg/rb/TheLuxorHotel_ZH-CN12121725266_1920x1080.jpg"
      class="">
        <img src="http://s.cn.bing.net/az/hprichbg/rb/TheLuxorHotel_ZH-CN12121725266_1920x1080.jpg"
        alt="远方 有一个地方 那里种有我们的梦想" />
        <h3 class="am-gallery-title am-text-center">远方</h3>
      </a>
    </div>
  </li>
  <li>
    <div class="am-gallery-item">
      <a href="http://s.cn.bing.net/az/hprichbg/rb/MovingWalkway_ZH-CN9842297711_1920x1080.jpg"
      class="">
        <img src="http://s.cn.bing.net/az/hprichbg/rb/MovingWalkway_ZH-CN9842297711_1920x1080.jpg"
        alt="某天 也许会相遇 相遇在这个好地方" />
        <h3 class="am-gallery-title am-text-center">某天</h3>
      </a>
    </div>
  </li>
  <li>
    <div class="am-gallery-item">
      <a href="http://global.bing.com/az/hprichbg/rb/UchisarCastle_EN-US10838608428_1920x1080.jpg"
      class="">
        <img src="http://global.bing.com/az/hprichbg/rb/UchisarCastle_EN-US10838608428_1920x1080.jpg"
        alt="不要太担心 只因为我相信" />
        <h3 class="am-gallery-title am-text-center">不要太担心</h3>
      </a>
    </div>
  </li>
  <li>
    <div class="am-gallery-item">
      <a href="http://global.bing.com/az/hprichbg/rb/DumbartonOaksGardens_EN-US12360736195_1920x1080.jpg"
      class="">
        <img src="http://global.bing.com/az/hprichbg/rb/DumbartonOaksGardens_EN-US12360736195_1920x1080.jpg"
        alt="终会走过这条遥远的道路" />
        <h3 class="am-gallery-title am-text-center">终会</h3>
      </a>
    </div>
  </li>
</ul>
      </div>
    </div>
    <!-- 最新评论 -->
    <div class="am-panel am-panel-default">
      <div class="am-panel-hd">最新评论</div>
      <div class="am-panel-bd">
        <ul class="am-list">
              <li>
                <a class="my-padding-bottom-0" href="http://www.douban.com/online/11624755/" >我最喜欢的一张画</a>
                <div class="am-list-item-text">来自<a href="">yak</a> 对<a href=""> Mozilla 两高管将离职，酝酿实施更大规模重组</a> 的评论 </div>
              </li>
            </ul>
      </div>
    </div>
  </div>
</div>
@stop